<style>
    .xh-form .btn{
        margin-right: 0px;
    }
    .xh-form tr td:nth-child(2n){
        padding: 5px 20px 5px 0;
    }
    td >label{
        float: right;
        margin-right: 10px;
    }
    body{
        background-color: #f9f9f9;
    }
</style>
<script>
    var info = {{ info | json_encode }}
</script>
<table style="height: 100%;width: 100%;">
    <tr>
        <td valign="top">
            <form id="xh_form" class="xh-form"  method="post" >
                <div class="xh-area-form">
                    <table style="width: 100%;margin-left: 10px;">
                        <tr>
                            <td style="width: 75px;"><label>合同期限</label></td>
                            <td colspan="3">
                                <input type="text"  data-must="true" name="sContentDate">
                                <input type="hidden" name="iSPId" value="{{ info['iSPId'] }}">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 75px;"><label>试用期限</label></td>
                            <td colspan="3"><input  data-must="true"  type="text" name="sProbationDate"></td>
                        </tr>
                        <tr>
                            <td style="width: 75px;"><label>试用工资</label></td>
                            <td><input type="text" data-must="true" name="sProbationSalary"></td>
                        </tr>
                        <tr>
                            <td style="width: 75px;"><label>转正时间</label></td>
                            <td><input type="date" data-must="true" name="tRegularDate"></td>
                            <td style="width: 75px;"><label>转正工资</label></td>
                            <td><input type="text" data-must="true" name="sRegularSalary"></td>
                        </tr>
                    </table>
                </div>
            </form>
        </td>
        <td valign="top">
            <div style="width:400px;height: 300px;padding: 5px;margin-right: 10px;">
                <table class="table table-bordered">
                    <tr>
                        <td style="width: 80px;" class="info">姓名</td>
                        <td style="width: 100px;">{{ info['sStaffName'] }}</td>
                        <td style="width: 80px;" class="info">入职时间</td>
                        <td >{{ info['tHireDate'] }}</td>
                    </tr>
                    <tr>
                        <td class="info">所在部门</td>
                        <td>{{ info['sDepName'] }}</td>
                        <td class="info">职位</td>
                        <td>{{ info['sPostName'] }}</td>
                    </tr>
                    <tr>
                        <td class="info" colspan="4" style="text-align: center">转正申请报告</td>
                    </tr>
                    <tr>
                        <td colspan="4">
                            <div style="height: 150px;width: 100%;overflow-y: auto">
                                <p>{{ info['mDesc'] }}</p>
                            </div>
                        </td>
                    </tr>

                </table>
            </div>
        </td>
    </tr>
</table>
